@media screen and (max-width: 1200px) {
  #web > .top > .topContent {
    width: 100%;
    padding: 0 10px; }
  #web > .content > .dialogBox {
    width: 100%; }
  #web > .foot > .footContent {
    width: 100%; } }

@media screen and (max-width: 992px) {
  #web > .top {
    width: 100%; }
    #web > .top > .topContent {
      width: 100%;
      padding: 0 10px; }
      #web > .top > .topContent > .left > li {
        display: none; }
      #web > .top > .topContent > .left > li:first-of-type, #web > .top > .topContent > .left li:nth-of-type(2) {
        display: inline-block; }
      #web > .top > .topContent > .right > li {
        display: none; }
      #web > .top > .topContent > .right > li:last-of-type, #web > .top > .topContent > .right li:nth-of-type(4), #web > .top > .topContent > .right li:nth-of-type(5), #web > .top > .topContent > .right li:nth-of-type(6) {
        display: inline-block; }
  #web > .content {
    padding-top: 14px;
    padding-bottom: 14px; }
    #web > .content > .dialogBox {
      width: 100%; }
  #web > .foot > .footContent {
    width: 100%;
    padding: 20px 18px; }
    #web > .foot > .footContent > .foot_one {
      display: none; }
    #web > .foot > .footContent > .foot_two > .foot_twoLeft {
      width: 50%; }
    #web > .foot > .footContent > .foot_two > .foot_twoRight {
      width: 50%; } }

@media screen and (max-width: 768px) {
  #web > .top {
    display: none;
    width: 100%; }
    #web > .top > .topContent {
      width: 100%;
      padding: 0 10px; }
      #web > .top > .topContent > .left {
        width: 100%; }
        #web > .top > .topContent > .left > li {
          display: none; }
        #web > .top > .topContent > .left > li:first-of-type, #web > .top > .topContent > .left li:nth-of-type(2) {
          display: inline-block; }
        #web > .top > .topContent > .left > li:nth-of-type(2) {
          float: right; }
      #web > .top > .topContent > .right {
        display: none; }
        #web > .top > .topContent > .right > li {
          display: none; }
        #web > .top > .topContent > .right > li:last-of-type, #web > .top > .topContent > .right li:nth-of-type(4), #web > .top > .topContent > .right li:nth-of-type(5), #web > .top > .topContent > .right li:nth-of-type(6) {
          display: inline-block; }
  #web > .content {
    height: 100%;
    width: 100%;
    padding: 0; }
    #web > .content > .dialogBox {
      position: relative;
      padding-top: 56px;
      padding-bottom: 6px;
      height: 100%;
      width: 100%; }
      #web > .content > .dialogBox > .dialogHeader {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        border-radius: 0;
        padding-left: 60px;
        padding-right: 8px; }
        #web > .content > .dialogBox > .dialogHeader > img {
          width: 50px;
          top: 50%;
          transform: translateY(-50%);
          left: 8px; }
        #web > .content > .dialogBox > .dialogHeader > .headerLeft {
          font-size: 14px; }
        #web > .content > .dialogBox > .dialogHeader > .headerRight {
          display: none; }
      #web > .content > .dialogBox > .dialogContent {
        height: 100%;
        position: relative;
        padding-bottom: 40px; }
        #web > .content > .dialogBox > .dialogContent > .dialogContentLeft {
          width: 100%;
          border: none; }
          #web > .content > .dialogBox > .dialogContent > .dialogContentLeft > .dialogMainContent {
            height: 100%;
            padding: 8px;
            border: none; }
            #web > .content > .dialogBox > .dialogContent > .dialogContentLeft > .dialogMainContent > #answer > img {
              width: 45px;
              vertical-align: middle;
              margin-right: 16px;
              top: 8px; }
            #web > .content > .dialogBox > .dialogContent > .dialogContentLeft > .dialogMainContent > #answer > .answerBox {
              vertical-align: middle;
              padding: 5px;
              min-height: 40px; }
            #web > .content > .dialogBox > .dialogContent > .dialogContentLeft > .dialogMainContent > #question > img {
              width: 45px;
              margin-left: 16px;
              top: 8px; }
            #web > .content > .dialogBox > .dialogContent > .dialogContentLeft > .dialogMainContent > #question > .questionBox {
              margin-top: 8px;
              min-height: 40px;
              padding: 5px; }
              #web > .content > .dialogBox > .dialogContent > .dialogContentLeft > .dialogMainContent > #question > .questionBox > img {
                top: 8px; }
          #web > .content > .dialogBox > .dialogContent > .dialogContentLeft > .diolagInput {
            position: fixed;
            bottom: 6px;
            left: 0;
            right: 0;
            height: 40px;
            padding-left: 8px;
            padding-right: 75px; }
            #web > .content > .dialogBox > .dialogContent > .dialogContentLeft > .diolagInput > .textareaDiv {
              width: 100%;
              border: 1px solid #dddddd;
              border-radius: 6px;
              height: 40px;
              overflow: hidden; }
              #web > .content > .dialogBox > .dialogContent > .dialogContentLeft > .diolagInput > .textareaDiv > textarea {
                padding: 0px;
                padding-left: 6px;
                font-size: 16px;
                height: 36px;
                line-height: 36px; }
            #web > .content > .dialogBox > .dialogContent > .dialogContentLeft > .diolagInput > button {
              right: 8px;
              bottom: 0;
              width: 60px;
              height: 40px; }
        #web > .content > .dialogBox > .dialogContent > .dialogContentRight {
          display: none; }
  #web > .foot {
    display: none; } }
